<template>
  <div>
    <h1>组件通信高级课程</h1>
    <div>
      <router-link tag="button" to="/props">props传值</router-link>
      <router-link tag="button" to="/event">自定义事件传值</router-link>
      <router-link tag="button" to="/vmodel">v-model传值</router-link>
      <router-link tag="button" to="/sync">.sync传值</router-link>
      <router-link tag="button" to="/attrsListeners"
      >.$attrs&&$listeners</router-link>
      <router-link tag="button" to="/childrenParent"
      >$children&&$parent传值</router-link>
      <router-link tag="button" to="/ref">Ref传值</router-link>
      <router-link tag="button" to="/root">root传值</router-link>
      <router-link tag="button" to="/other">Other</router-link>
      <router-link tag="button" to="/providerInject">Provide和Inject</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
};
</script>

<style></style>
